(function($) {
    $.fn.Servicos = function(method) {
        return $.fw.chamadaComponente.apply(this, ["Servicos", arguments]);
    };

    $.Servicos = {

        // -----------------------------------
        // Mostra o componente
        // -----------------------------------
        abrir: function(param, callbackOK) {

            // Referencia para this
            var $this = this;

            // Garante que o componente est� inicializado
            $this.Servicos("carregar", param, function() {                                	 
			            
				if (callbackOK)
					callbackOK();
            });

        },

        // -----------------------------------
        // Faz o carregamento inicial do componente
        // Garante que o html esteja carregado e inicializado
        // -----------------------------------
        carregar: function(param, callbackOK) {

            // Referencia para this
            var $this = this;

            // Nome do componente
            var funcaoCarregar = function(param, callbackOKCarregar) {    
            	
            	$("#1", $this).click(function(){            		
            		$(".aba", $this).fadeOut(400, "swing", function(){
            			$("#aba1", $this).fadeIn();
            		});
            	});
            	
            	$("#2", $this).click(function(){            		
            		$(".aba", $this).fadeOut(400, "swing", function(){
            			$("#aba2", $this).fadeIn();
            		});
            	});
            	
                // Chama o callback
                if (callbackOKCarregar)
                    callbackOKCarregar();
            };

            // Inicializa
            $.fw.carregarComponente({
                    nomeComponente: "Servicos",
                    elemento: $this,
                    callbackCarregar: funcaoCarregar
                }, callbackOK);

        }
    }

})(jQuery);